<template>
    <!-- 这是App的孩子 -->
    <div>
        <div>{{ left }}</div>
        Navdad--{{ title }}
        <button>{{ right }}</button>
    </div>
</template>
<script>
export default{
    // my-title用-连接的属性名就用驼峰接收 myTitle

    // 所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化 ，自然地将新的状态向下流往子组件，而不会逆向传递。
    // 这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。
           props:['title','left','right']
   
}

</script>
<style scoped>
div{
    display: inline-block;
}
</style>